<template>
    <p>初始的msg：{{ msg }}</p>
    <p>反转以后的msg：{{ reversedMsg }}</p>
    <button @click="editMsg">更改</button>

</template>
<script setup>
import { ref, computed } from 'vue';

let msg = ref('Hello World!');
let reversedMsg = computed(function () {
    return msg.value.split("").reverse().join("");
});
function editMsg(){
    msg.value = 'hello';
}
//将 Hello World 进行反转
// function editMsg(){
//     reversedMsg.value = msg.value.split("").reverse().join("");
// }

</script>